<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>公司介绍</title>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<style>
			* {
				padding: 0;
				margin: 0;
			}
			.box_img{
				width: 100%;
				/*height: 220px;*/
			}
			.box_img img{
				width: 100%;
			}
			.nav ul{
				padding: 0 15px;
				display: flex;
				justify-content: space-between
			}
			.nav ul li {
				height: 46px;
				/*font-size: 20px;*/
				line-height: 46px;
				color: #6e6e6e;
				list-style: none;
				float: left;
			}
			.nav ul .fli{
				border-bottom: 2px solid #f54949;
			}
			#tabCon {
				clear: both;
				padding: 0 16px;
			}
			
			#tabCon div {
				display: none;
			}
			
			#tabCon div.fdiv {
				display: block;
				
			}
			
			.bg_border{
				width: 100%;
				height: 6px;
				background-color: #f2f2f2;
			}
			
			#tabCon h3{
				color: #a4b34a;
				margin-top: 10px;
				margin-bottom: 6px;
			}
			#tabCon p{
				line-height: 28px;
				color: #666666;
			}
			#join p:nth-of-type(1){
				margin-top: 10px;
				margin-left: 6px;
			}
			.col_red{
				color: #f05759;
			}
			#join h4{
				margin-top: 10px;
				margin-left: 16px;
			}
			#join .col_blue{
				color: #5abdd4;
				margin-left: 16px;
			}
			#contact{
				padding-top: 10px;
			}
		</style>
	</head>

	<body>
		<div id="tanContainer">
			
			<div id="tab" class="nav">
				<ul>
					<li class="fli">福乐康介绍</li>
					<li>加入会员</li>
					<li>联系我们</li>
				</ul>
			</div>
			<div class="bg_border"></div>
			<div id="tabCon">
				<div class="fdiv">
					<h3>关于福乐康</h3>
					<p>上海福乐康成立于2016年，总部位于上海宝山区顾村镇泰德科技园，是一家以养生养老为服务理念，通过采用互联网技术、融合020商业模式核心理念、跨界整合社会各类资源，为广大社区居民及老年人的多元化需求打造的一个社区居家养老新模式智慧服务型公司。
目前，上海福乐康已经建成10家线下门店，主要产品类型为老年活动和老年生活服务。</p>
				</div>
				<div id="join">
					<p>&nbsp;&nbsp;&nbsp;&nbsp;FLKmart会员之家，<span class="col_red">中文名：福乐康之家</span>，FLKmart是一个为中老年消费者带来360度全方位保证的全新电商会员体验平台。</p>
					<h4>福乐康会员分为</h4>
					<p>一星会员、二星会员、三星会员、四星会员、五星会员</p>
					<span class="col_blue">会员积分</span>
					<h4>获得</h4>
					<p>参加门店活动获得，会员通过重置获得，被赠送获得。</p>
					<h4>获得</h4>
					<p>在福利中心返利专区进行兑换使用，所有兑换商品进行相应比例返还，最大100%返还，......</p>
					<span class="col_blue">会员福币</span>
					<h4>获得</h4>
					<p>福乐康各门店可根据自身情况进行赠予会员，会员之间亦可相互赠予，会员可根据自己需求重置兑换。</p>
				</div>
				<div id="contact">
					<p>电话：021-56180799</p>
					<p>邮箱：zgflk_lily@126.com</p>
					<p>官网：http://www.flksh.com/</p>
					<p>地址：上海市宝山区蕰川路516号B座6-6</p>
					<p>-----------------</p>
					<p>最后，再次感谢您对我们公司的关注和支持，我们的产品和服务正在努力升级中，有不便的地方敬请谅解！</p>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		var tabs = document.getElementById("tab").getElementsByTagName("li");
		var divs = document.getElementById("tabCon").getElementsByTagName("div");

		for(var i = 0; i < tabs.length; i++) {
			tabs[i].onclick = function() {
				change(this);
			}
		}

		function change(obj) {
			for(var i = 0; i < tabs.length; i++) {
				if(tabs[i] == obj) {
					tabs[i].className = "fli";
					divs[i].className = "fdiv";
				} else {
					tabs[i].className = "";
					divs[i].className = "";
				}
			}
		}
	</script>

</html>